@charset "utf-8";
/*banner下面的图片*/
.login{height:169px;width:1200px;margin: 18px auto 0;text-align: right;}

/*技术实力*/
/* 本例子css */
.slideBox{  height: 271px;position:relative; width: 1200px; margin: 52px 0 40px 0;   background:url(../images/demo1.png) 0 0 no-repeat; }
.slideBox .hd{width: 75px;height: 15px;z-index:9;position:absolute;bottom: 36px;left: 81%;}
.slideBox .hd ul li{ background:url(../images/active.png) left top no-repeat; width: 15px; height: 15px; float:left; margin-right: 10px; cursor:pointer;}
.hd ul li.active{ background-position: left bottom;}
.slideBox .hd ul li.on{  background-position: left bottom;}
.slideBox .bd{  position:absolute; top: 39px; left:0; height: 231px; width: 1200px;z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:450px; height:230px; display:block;  }
.demo em{  display:block; width:277px; height:38px; position:absolute; top: -15px; left:505px; background:url(../images/ite.png) 0 0 no-repeat;z-index: 99;}
.demo1 p{ width:20px; height:100px; float:right; color:#f16e26; font-size:18px; margin:105px 29px 0 0;}
.demo1_l a{ display:block; width:145px; height:40px; background:url(../images/navbg.png) 0 0 repeat; float:left; text-align:center; color:#fff; line-height:40px;}
.demo1_l a:hover{ background:#f16e26;}
.ibanner1{position:absolute;top: -62px;right: 3%;width:315px;height:230px;z-index:999;}
.ibanner1 a{ display:block;width:315px; height:230px;}
.demo1{ position:absolute; top:0px; left:0;/* height:231px;*/ width: 100%;overflow:hidden;}
.demo1_l{width: 780px;height:187px;float:left;padding: 19px 25px 0px 25px;}
.demo1_l b{display:block;color:#f16e26;font-size:20px;font-weight:normal;}
.demo1_l span{clear:both;/* text-align:right; */height: 80px;display: block;padding: 0;margin: 10px 0 30px 0;color:#444444;line-height:25px;}
.demo1_r{ width:315px; height:231px; float:left; }



/*客户案例*/
/* 本例子css */
.slideBox2{  height: 271px;position:relative; width: 1200px; margin: 0px 0 40px 0;  background:url(../images/demo2.png) 0 0 no-repeat; }
.slideBox2 .hd{  width: 75px; height: 15px; z-index:9; position:absolute; bottom: 36px; right:78%; }
.slideBox2 .hd ul li{ background:url(../images/active.png) left top no-repeat; width: 15px; height: 15px; float:left; margin-right: 10px; cursor:pointer;}
.hd ul li.active{ background-position: left bottom;}
.slideBox2 .hd ul li.on{  background-position: left bottom;}
.slideBox2 .bd{  position:absolute; top: 39px; left:0; height: 231px; width: 1200px;z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:450px; height:230px; display:block;  }
.demo2_l a{ display:block; width:145px; height:40px; background:url(../images/navbg.png) 0 0 repeat; float: right; text-align:center; color:#fff; line-height:40px;}
.demo2_l a:hover{ background:#f16e26;}
.ibanner2{position:absolute;top: -62px;left: 3%;width:315px;height:230px;z-index:999;}
.ibanner2 a{ display:block;width:315px; height:230px;}
.demo2{ position:absolute; top:0px; left:0;/* height:231px;*/ width: 100%;overflow:hidden; }
.demo2_l{width: 780px;height:187px;float: right;padding: 19px 0 0 25px;}
.demo2_l b{display:block;color: #f16e26;font-size:20px;font-weight:normal;}
.demo2_l span{ text-align: left; height:85px; display: block; padding: 0 20px 0 0; margin: 10px 0 25px 0; color:#444444; line-height:25px;}
.demo2_r{ width:315px; height:231px; float: right; }


@media screen and (max-width:1366px){

.demo1_l span{ height:81px;}
.demo2_l span{ height:86px;}

}